﻿@charset "utf-8";
body{ min-width:1200px;}
.bodybox{ width:100%; height:auto; overflow:hidden; background:#ffffff; min-width:1200px; margin:0 auto; overflow:hidden; }


.header{ width:100%; height:100px;clear:both; position:relative; margin:0 auto; z-index:10; background:#FFF;}

.header .logobox{ width:1200px; height:100px; margin:0 auto; clear:both; overflow:hidden; position:relative}
.header .logo{ position:absolute; left:0px; top:16px;}

.header .tel{ position:absolute;   right:0px; top:16px;}
.header .tel span{ font-size:14px; color:#134199; }


.header .search{ position:absolute;   right:0px; top:48px; width:285px; height:37px; background:url(../Images/searchbg.jpg) no-repeat; overflow:hidden;}
.header .search .input1{ width:247px; height:29px; border:0px; overflow:hidden; position:absolute; left:6px; top:5px; border:0px;}
.header .search .btn{ width:18px; height:29px; background:url(../Images/btn.jpg) no-repeat; position:absolute; right:12px; top:5px; border:0px;}



.menubox{ width:100%; height:50px; line-height:50px; overflow: visible; background:#134199; position:relative; z-index:100}
.menubox .centerbox{ width:1200px; height:53px; overflow:visible; margin:0 auto; position:relative}
.menubox .centerbox .menu{ position:absolute; left:0px; top:0px;}
.menubox .centerbox .menu ul{ margin:0px; padding:0px; list-style:none}
.menubox .centerbox .menu ul li{ margin:0px; padding:0; list-style:none; float:left; width:150px; height:50px; line-height:50px;font-size:16px; text-align:center; background:url(../Images/menuline.jpg) right center no-repeat; position:relative}
.menubox .centerbox .menu ul li.last{ background:none}
.menubox .centerbox .menu ul li.onfocus{ background:url(../Images/menuline.jpg) right center no-repeat #f07317; color:#FFF}
.menubox .centerbox .menu ul li.onfocus a{ color:#FFF} 
.menubox .centerbox .menu ul li.onfocus2{ background:#f07317; color:#FFF}

.menubox .centerbox .menu ul li ul{ margin:0px; padding:0px; list-style:none; position:absolute; left:0px; top:50px; display:none}
.menubox .centerbox .menu ul li ul li{ width:150px; height:35px; line-height:35px; font-size:12px; text-align:center; background:#134199; border-bottom:1px solid #FFF;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
.menubox .centerbox .menu ul li ul li:hover{ background:#f07317;}

.menubox .centerbox .search{ position:absolute; right:0px; top:6px; width:297px; height:42px; background:url(../Images/searchbg.jpg) no-repeat;}
.menubox .centerbox .search .input1{ width:242px; height:32px; border:0px; position: absolute; left:4px; top:6px; line-height:32px; background:none; color:#FFF; text-indent:10px;}
.menubox .centerbox .search .btn{ width:24px; height:32px; background:url(../Images/searchbtn.jpg) no-repeat; position:absolute; right:12px; top:6px; border:0px;}








#index_Banner
{width:100%; height:460px; overflow:hidden; position:relative; margin:0px auto; z-index:1; background:#FFF; }
#index_Banner .list
{width:100%; height:460px; overflow:hidden; position:absolute; z-index:1;}
#index_Banner ul
{margin:0px; padding:0px; list-style:none; position: absolute; left:0px; top:0px}
#index_Banner .list ul li
{width:100%; height:460px; overflow:hidden; position:relative; float:left}


#index_Banner .Thumb{ position:absolute; z-index:10; left:50%; bottom:50px; width:100px;}
#index_Banner .Thumb ul{ margin:0px auto; padding:0px; list-style:none}
#index_Banner .Thumb ul li{ float:left;margin:0px 0 0 10px; padding:0px; list-style:none; width:12px; height:12px; border-radius:6px; background:#FFF}
#index_Banner .Thumb ul li.onfocus{ background:#E97818;}

#index_Banner .centerbox{ width:1280px; height:651px; position:absolute; left:50%; top:0px; z-index:2; margin-left:-640px;}
#index_Banner .centerbox .leftarr{ width:24px; height:39px; background:url(../Images/leftarr.png) no-repeat;}
#index_Banner .centerbox .rightarr{width:24px; height:39px; background:url(../Images/rightarr.png) no-repeat;}




.erSlide{ width:100%; height:259px; border-bottom:1px solid #10B1E8; background:url(../Images/slidebg.jpg) repeat-x; overflow:hidden;}

#er_Banner
{width:100%; height:326px; overflow:hidden; position:relative; margin:0px auto; z-index:1}
#er_Banner .list
{width:100%; height:326px; overflow:hidden; position:relative; z-index:1; }
#er_Banner ul
{margin:0px; padding:0px; list-style:none; position: absolute; left:0px; top:0px}
#er_Banner .list ul li
{width:100%; height:326px; overflow:hidden; position:relative; float:left}
#er_Banner .list img
{}

#er_Banner .Thumb{ position:absolute; z-index:10; left:50%; bottom:50px; width:100px;}
#er_Banner .Thumb ul{ margin:0px auto; padding:0px; list-style:none}
#er_Banner .Thumb ul li{ float:left;margin:0px 0 0 10px; padding:0px; list-style:none; width:12px; height:12px; border-radius:6px; background:#FFF}
#er_Banner .Thumb ul li.onfocus{ background:#E97818;}


#er_Banner .centerbox{ width:1200px; height:326px; overflow:hidden; overflow:hidden; position:absolute; left:50%; margin-left:-600px; top:0px; z-index:10}
#er_Banner .centerbox .titbox{ position:absolute; left:110px; top:119px; color:#144099; font-family:Arial, Helvetica, sans-serif; font-size:36px;}
#er_Banner .centerbox .titbox span{ color:#f07317;}





.homepart1{ width:100%; height:auto; overflow:hidden;  margin:0 auto;margin-bottom:20px; clear:both;position:relative; overflow:hidden; background:#ffffff; overflow:hidden; padding:41px 0 0px 0;}
.homepart1 .centerbox{ width:1200px; height:auto; overflow:hidden; margin:0 auto; clear:both; overflow:hidden; background:#f4f2f3;}

.homepart1 .aboutbox{ width:1200px; height:340px; overflow:hidden;}
.homepart1 .aboutbox .leftbox{ width:600px; height:340px; overflow:hidden; float:left}
.homepart1 .aboutbox .leftbox .box{ width:501px; height:auto; overflow:hidden; margin:0 auto}
.homepart1 .aboutbox .leftbox .box .tit{ width:100%; height:40px; line-height:40px; font-size:20px; color:#000; background:url(../Images/abline.jpg) left bottom no-repeat; color:#000; overflow:hidden; margin-top:40px;}
.homepart1 .aboutbox .leftbox .box .word{ width:100%; height:112px; line-height:28px; overflow:hidden; font-size:14px; margin-top:40px;}
.homepart1 .aboutbox .leftbox .box .more{ width:100%; height:auto; overflow:hidden; margin-top:33px;}

.homepart1 .aboutbox .rightbox{ width:600px; height:340px; overflow:hidden; float:left}

.homepart1 .centerbox .list{ width:1200px; height:auto; overflow:hidden;}
.homepart1 .centerbox .list ul{ margin:0px; padding:0px; list-style:none}
.homepart1 .centerbox .list ul li{ margin:0px; padding:0px; list-style:none; float:left; position:relative; width:400px; height:274px; overflow:hidden; float:left}





.homepart2{ width:100%; height:auto; overflow:hidden; background:#f4f2f3; clear:both; position:relative; padding:40px 0;}

.homepart2 .centerbox{ width:1200px; height:auto; overflow:hidden; margin:0 auto; clear:both; overflow:hidden; position:relative; z-index:10;}
.homepart2 .leftbox{ float:left; width:239px; height:auto; overflow:hidden;}
.homepart2 .rightbox{ float:right; width:949px; height:auto; overflow:hidden;} 


.homepart2 .leftbox .titbox{ width:100%; height:156px; background:#134199; overflow:hidden; color:#FFF; position:relative}
.homepart2 .leftbox .titbox p{ display:block; text-align:center; font-size:16px}
.homepart2 .leftbox .titbox p.t1{ margin-top:53px; font-family:Arial, Helvetica, sans-serif;}
.homepart2 .leftbox .titbox p.t2{ font-size:20px; margin-top:13px;}
.homepart2 .leftbox .listbox{ width:100%; height:450px; overflow:hidden; background:#FFF}
.homepart2 .leftbox .listbox .tit{ width:159px; height:28px; line-height:28px; overflow:hidden; background:url(../Images/titbg.jpg) no-repeat; margin:0 auto; text-align:center; font-size:16px; margin-top:40px;}

.homepart2 .leftbox .listbox .list{ width:159px; height:auto; overflow:hidden; margin:0 auto; margin-top:30px;}
.homepart2 .leftbox .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.homepart2 .leftbox .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:34px; overflow:hidden; background:url(../Images/arr1.jpg) left center no-repeat; text-indent:17px; line-height:34px;}
.homepart2 .leftbox .listbox .list ul li.onfoucs{ background:url(../Images/arr2.jpg) left center no-repeat; color:#f37216;}
.homepart2 .leftbox .listbox .list ul li.onfoucs a{color:#f37216;}
.homepart2 .leftbox .listbox .list ul li:hover{ background:url(../Images/arr2.jpg) left center no-repeat; color:#f37216;}
.homepart2 .leftbox .listbox .list ul li:hover a{color:#f37216;}

.homepart2 .leftbox .more{ width:157px; height:34px; line-height:34px; text-align:center; border:1px solid #ef7417; color:#ef7417; margin:0 auto; margin-top:30px;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
.homepart2 .leftbox .more:hover{ background:#ef7417; color:#FFF}
.homepart2 .leftbox .more:hover a{ color:#FFF}


.homepart2 .rightbox .list{ width:100%; height:606px; background:#FFF; overflow:hidden;}
.homepart2 .rightbox .list ul{ margin:0px; padding:0px; list-style:none}
.homepart2 .rightbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:303px; overflow:hidden; position:relative}
.homepart2 .rightbox .list ul li .pic{ position:absolute; left:0px; top:0px; width:512px; height:303px;}
.homepart2 .rightbox .list ul li .pic .img{ width:512px; height:303px; overflow:hidden;}
.homepart2 .rightbox .list ul li .pic .arr{ width:16px; height:26px; background: url(../Images/aright.png) no-repeat; position:absolute; left:496px; top:139px;}
.homepart2 .rightbox .list ul li .wordbox{ position:absolute; left:512px; top:0px; width:438px;}
.homepart2 .rightbox .list ul li .wordbox .box{ width:80%; margin:0 auto; overflow:hidden;}
.homepart2 .rightbox .list ul li .wordbox .box .tit{ width:100%; text-align:center; margin-top:38px; font-size:18px; color:#f07317; height:40px; line-height:40px;}
.homepart2 .rightbox .list ul li .wordbox .box .tit2{ width:100%; height:37px; line-height:37px; text-align:center; overflow:hidden; text-align:center; margin-top:21px; background:url(../Images/line2.jpg) bottom center no-repeat; text-align:center; font-size:14px; color:#000}
.homepart2 .rightbox .list ul li .wordbox .box .word{ width:100%; height:75px; line-height:25px; overflow:hidden; text-align:center; margin-top:20px;}
.homepart2 .rightbox .list ul li .wordbox .box .more{ width:100%; text-align:center; overflow:hidden;}


.homepart2 .rightbox .list ul li.even .pic{ left:438px; top:0px;}
.homepart2 .rightbox .list ul li.even .wordbox{ left:0px;}
.homepart2 .rightbox .list ul li.even .pic .arr{ left:0px; background: url(../Images/aleft.png) no-repeat;}


.homepart3{ width:100%; height:auto; overflow:hidden; background:#fff; overflow:hidden; padding:40px 0px;}
.homepart3 .centerbox{ width:1200px; height:auto; overflow:hidden; overflow:hidden; margin:0 auto}
.homepart3 .centerbox .title{ width:553px; height:38px; line-height:38px; overflow:hidden; font-size:20px; color:#1347ac; background:  overflow:hidden; margin:0 auto; text-align:center}
.homepart3 .centerbox .title2{ width:353px; height:17px; line-height:17px; overflow:hidden; text-align:center; background:url(../Images/p3tit2.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif; margin:0 auto}

.homepart3 .cbox{ width:1200px; height:348px; overflow:hidden; position:relative; margin-top:33px;}
.homepart3 .cbox .slidebox{ position:absolute; left:0px; top:0px; width:639px; height:347px; background:url(../Images/slidebg.jpg) no-repeat; overflow:hidden;}
.homepart3 .cbox .slidebox .list{ width:639px; height:347px; overflow:hidden; left:0px; top:0px; position:absolute}
.homepart3 .cbox .slidebox .list ul{ margin:0px; padding:0px; list-style:none; position:absolute}
.homepart3 .cbox .slidebox .list ul li{ margin:0px; padding:0px; list-style:none;width:639px; height:347px; position:relative; float:left}
.homepart3 .cbox .slidebox .list ul li .pic{ position:absolute; left:0px; top:44px; width:316px; height:328px; overflow:hidden;}
.homepart3 .cbox .slidebox .list ul li .tit{ width:269px; height:60px; line-height:30px; font-size:14px; color:#FFF; line-height:30px; overflow:hidden; position:absolute; left:342px; top:36px;}
.homepart3 .cbox .slidebox .list ul li .word{ width:269px; height:140px; line-height:28px; overflow:hidden; color:#FFF; font-size:12px; position:absolute; left:342px; top:115px;}
.homepart3 .cbox .leftarr{ width:21px; height:23px; background:url(../Images/left1.jpg) no-repeat; position:absolute; left:558px; top:286px; cursor:pointer}
.homepart3 .cbox .rightarr{ width:21px; height:23px; background:url(../Images/right1.jpg) no-repeat; position:absolute; left:588px; top:286px; cursor:pointer} 

.homepart3 .cbox .newsbox{ width:523px; height:auto; overflow:hidden; position:absolute; right:0px; top:0px;}
.homepart3 .cbox .newsbox .titbox{ width:523px; height:35px; overflow:hidden; position:relative; border-bottom:1px solid #e5e5e5}
.homepart3 .cbox .newsbox .titbox .nav{ position:absolute; left:0px; top:0px; background:url(../Images/line3.jpg) left center no-repeat; text-indent:10px; line-height:35px;}
.homepart3 .cbox .newsbox .titbox .nav em{ font-style:normal; cursor:pointer}
.homepart3 .cbox .newsbox .titbox .nav em.onfocus{ color:#1347ac;}

.homepart3 .cbox .newsbox .titbox .more{ position:absolute; right:0px; top:0px; height:35px; line-height:35px; color:#f37318;}
.homepart3 .cbox .newsbox .titbox .more a{ color:#f37318;}


.homepart3 .cbox .newsbox .list{ width:100%; height:auto; overflow:hidden; margin-top:11px;}
.homepart3 .cbox .newsbox .list ul{ margin:0px; padding:0px; list-style:none}
.homepart3 .cbox .newsbox .list ul li{ margin:0px; padding:0px; list-style:none; width:520px; height:80px; border-bottom:1px solid #e5e5e5; position:relative; margin-top:13px;}
.homepart3 .cbox .newsbox .list ul li p{ display:block; position: absolute; overflow:hidden;}
.homepart3 .cbox .newsbox .list ul li p.t1{ left:14px; top:12px; width:50px; height:35px; line-height:35px; text-align:center; font-size:22px; color:#888888}
.homepart3 .cbox .newsbox .list ul li p.t2{ left:14px; top:52px;}
.homepart3 .cbox .newsbox .list ul li p.t3{ left:80px; top:0px; width:425px; height:25px; line-height:25px; overflow:hidden; font-size:16px; color:#343434;}
.homepart3 .cbox .newsbox .list ul li p.t4{ left:80px; top:25px; width:425px; height:50px; line-height:25px; overflow:hidden;}

.homepart4{ width:100%; height:auto; overflow:hidden;  margin:0 auto; margin-bottom:20px;clear:both;position:relative; overflow:hidden; background:#ffffff; overflow:hidden; padding:41px 0 0px 0;}
.homepart4 .centerbox{ width:1200px; height:auto; overflow:hidden; margin:0 auto; clear:both; overflow:hidden; /*background:#f4f2f3;*/}

.homepart4 .centerbox .list{ width:1200px; height:auto; overflow:hidden;}
.homepart4 .centerbox .list ul{ margin:0px; padding:0px; list-style:none}
.homepart4 .centerbox .list ul li{ margin:0px; padding:0px; list-style:none; float:left; position:relative; width:400px; height:274px; overflow:hidden; float:left}

.friendlink{ width:1200px; height:104px; margin:0 auto; overflow:hidden; background:url(../Images/fdlink.jpg) no-repeat; position:relative}
.friendlink .box{ width:1014px; height:60px; position:absolute; overflow:hidden; left:174px; top:21px;}



.footnavbox{ width:100%; height:auto; overflow:hidden; background:#134199; color:#adadad; margin-top:39px;}
.footnavbox a{ color:#adadad;}

.footnavbox .centerbox{ width:1200px; height:auto; margin:0 auto; position:relative; overflow:hidden; background: url(../Images/fline.jpg) 0 0  repeat-y; overflow:hidden; }
.footnavbox .centerbox .leftcode{ width:224px; height:260px; position:relative; background:url(../Images/leftcodebg.jpg) no-repeat; float:left; overflow:hidden;}
.footnavbox .centerbox .leftcode .ercode{ position:absolute; left:45px; top:85px; overflow:hidden;}
.footnavbox .centerbox .leftcode .tit{ position:absolute; left:45px; top:212px; height:50px; line-height:50px; text-align:center; font-size:14px; color:#FFF; text-align:center; width:130px;}

.footnavbox .centerbox .cbox{ width:453px; height:auto; overflow:hidden; float:left; margin-left:72px;}
.footnavbox .centerbox .cbox .titbox{ width:100%; height:24px; line-height:24px; font-size:14px; color:#FFF; margin-top:18px;}
.footnavbox .centerbox .cbox .titbox span{ color:#a8b1d2;}

.footnavbox .centerbox .cbox .list{ width:100%; height:auto; overflow:hidden;}
.footnavbox .centerbox .cbox .list .one{ width:113px; height:auto; float:left; overflow:hidden; height:105px; margin:20px 0;}
.footnavbox .centerbox .cbox .list .one .tit{ width:100%; height:30px; line-height:30px; font-size:14px; color:#FFF}
.footnavbox .centerbox .cbox .list .one ul{ margin:0px; padding:0px; list-style:none}
.footnavbox .centerbox .cbox .list .one ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:25px; line-height:25px; overflow:hidden; color:#FFF;}


.footnavbox .centerbox .rbox{ width:379px; height:auto; overflow:hidden; float:right;}
.footnavbox .centerbox .rbox .titbox{ width:100%; height:24px; line-height:24px; font-size:14px; color:#FFF; margin-top:18px;}
.footnavbox .centerbox .rbox .titbox span{ color:#a8b1d2;}
.footnavbox .centerbox .rbox .word{ width:100%; height:auto; line-height:200%; overflow:hidden; font-size:14px; margin-top:17px;}




.footer{ width:100%; height:auto; overflow:hidden;background:#282828; padding:15px 0}
.footer .centerbox{ width:1260px; height:auto; margin:0 auto; position:relative; overflow:hidden; }
.footer .centerbox .leftbox{ float:left; width:500px;line-height:200%; color:#c4c7cc;}
.footer .centerbox .leftbox .menu{ width:100%; font-size:14px; height:35px; line-height:35px;  color:#bebebe; }
.footer .centerbox .leftbox .menu a{ color:#bebebe}
.footer .centerbox .leftbox .menu ul{ margin:0px; padding:0px; list-style:none}
.footer .centerbox .leftbox .menu ul li{margin:0px; padding:0 37px 0 0; list-style:none; float:left;height:35px; line-height:35px; font-size:12px}
.footer .centerbox .copyright{ width:100%; line-height:200%; color:#cfcfcf; width:700px; float:right; overflow:hidden; line-height:200%; text-align:right}
.footer .centerbox .copyright a{color:#cfcfcf;}



.footer .centerbox .rightbox{ float:right; overflow:hidden; width:521px; height:auto; overflow:hidden;}
.footer .centerbox .rightbox .title{ width:100%; font-size:12px; height:35px; line-height:35px; border-bottom:1px solid #27405e; color:#c3c7ca; margin-top:94px;}
.footer .centerbox .rightbox .list{ width:100%; clear:both; margin-top:17px; overflow:hidden;}
.footer .centerbox .rightbox .list ul{ margin:0px; padding:0px; list-style:none}
.footer .centerbox .rightbox .list ul li{ margin:0px; padding:0px; list-style:none; float:left; width:98px; text-align:center; background:url(../Images/fline.jpg) right center no-repeat;}
.footer .centerbox .rightbox .list ul li .pic{ width:100%; margin-top:13px; overflow:hidden; height:25px;}
.footer .centerbox .rightbox .list ul li .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; color:#9ba2aa; margin-top:11px;}


.ertitbox{ width:100%; height:82px; overflow:hidden; background: url(../Images/ernavbg.jpg) repeat-x; clear:both}
.ertitbox .centerbox{ width:1260px; height:82px; margin:0 auto; clear:both; overflow:hidden; position:relative}
.ertitbox .centerbox .title{ position:absolute; left:0px; top:0px; background:url(../Images/lline.jpg) left bottom no-repeat; height:70px; line-height:70px; font-size:20px; overflow:hidden; color:#118cd0;}
.ertitbox .centerbox .title span{ font-size:14px; color:#9a9a9a;}
.ertitbox .centerbox .location{ position:absolute; right:0px; top:0px;height:70px; line-height:70px; font-size:12px;}



.ernavbox{ width:100%; height:auto; overflow:hidden;  clear:both}
.ernavbox .centerbox{ width:1260px; margin:0 auto; clear:both; overflow:hidden;}
.ernavbox .list{ width:1260px; height: auto; overflow:hidden; margin-top:40px;}
.ernavbox .list ul{ margin:0px; padding:0px; list-style:none}
.ernavbox .list ul li{ margin:0px 7px; padding:0px; list-style:none; float:left; width:145px; height:42px; line-height:42px; font-size:16px; overflow:hidden; border:1px solid #d1d1d1; text-align:center}
.ernavbox .list ul li.onfocus{ background:#0a83c8; color:#FFF;border:1px solid #0a83c8}
.ernavbox .list ul li.onfocus a{ color:#FFF}




.ermainbox{ width:100%; height:auto; overflow:hidden; background:#f4f2f3;}
.erinbox{ width:100%; height:auto; overflow:hidden; background:url(../Images/erbg2.jpg) center 59px no-repeat; overflow:hidden;}

.erlocation{ width:100%; height:auto; overflow:hidden;  background:#FFF;}
.erlocation .centerbox{ width:1260px; height:auto; overflow:hidden; margin:0 auto; clear:both; overflow:hidden; background:url(../Images/erlocation.jpg) top right no-repeat; height:69px; position:relative}
.erlocation .centerbox .tit{ position:absolute; left:0px; top:22px; overflow:hidden; background:url(../Images/tit1.jpg) 0 0 no-repeat; text-indent:50px; font-size:30px; color:#f55a79;}
.erlocation .centerbox .location{ position:absolute; right:43px; top:22px; font-size:12px; height:47px; line-height:47px; overflow:hidden;}	


#mainbox{ width:1200px; height:auto; overflow:hidden; margin:0 auto; clear:both;padding-bottom:30px;  min-height:600px; }
#mainbox .leftbox{ width:222px;height:auto; float:left; overflow:hidden; min-height:169px;background:#fff; margin-top:50px;}
#mainbox .leftbox .titbox{ width:222px; height:158px; overflow:hidden; background:#134199; position:relative}
#mainbox .leftbox .titbox .tit{ width:222px; text-align:center; margin-top:50px;  color:#FFF;}
#mainbox .leftbox .titbox .tit2{ width:222px; text-align:center; margin-top:13px;font-size:20px; font-weight:bold; color:#fff;}

#mainbox .leftbox .navlist{ width:160px; height:auto; overflow:hidden; margin:0 auto;}
#mainbox .leftbox .navlist .tit{ width:221px; height:44px;  margin-top:48px; background:url(../Images/lefttit.jpg) no-repeat; position:relative; overflow:hidden;}
#mainbox .leftbox .navlist .tit p{ margin:0; padding:0; display:block; position:absolute; left:49px;}
#mainbox .leftbox .navlist .tit p.t1{ font-size:14px; font-weight:bold; color:#017fd4; top:13px;}
#mainbox .leftbox .navlist .tit p.t2{ color:#96adbd; font-size:10px; top:30px;}


#mainbox .leftbox .navlist .list{ width:160px; height:auto; overflow:hidden;  margin:30px 0;}
#mainbox .leftbox .navlist .list ul{ margin:0px; padding:0px; list-style:none}
#mainbox .leftbox .navlist .list ul li{ margin:0px; padding:0px; list-style:none; width:160px; line-height:33px;text-indent:16px; font-size:14px;background: url(../Images/arr1.jpg) 0 15px no-repeat;}
#mainbox .leftbox .navlist .list ul li.onfocus{ font-weight:bold; color:#f27316;background: url(../Images/arr2.jpg) 0 15px no-repeat;}
#mainbox .leftbox .navlist .list ul li.onfocus a{ color:#f27316}

#mainbox .leftbox .navlist .list ul li ul{ margin:0px; padding:0px; list-style:none; display:none}
#mainbox .leftbox .navlist .list ul li ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:30px; line-height:30px; background: url(../Images/arr1.jpg) 31px 10px no-repeat;}
#mainbox .leftbox .navlist .list ul li ul li.onfocus{background:url(../Images/arr2.jpg) 31px 10px no-repeat; color:#f27316}
#mainbox .leftbox .navlist .list ul li ul li.onfocus a{ color:#f27316}

#mainbox .leftbox .navlist .list ul li.onfocus ul li{ font-weight:normal; text-indent:42px; color:#3e3a39;}
#mainbox .leftbox .navlist .list ul li.onfocus ul li a{color:#3e3a39;}
#mainbox .leftbox .navlist .list ul li.onfocus ul li.onfocus a{color:#f27316;}
#mainbox .leftbox .navlist .list ul li.onfocus ul{ display:block}






#mainbox .rightbox{ width:929px; height:auto; float:right; overflow:hidden; }
#mainbox .rightbox .titnav{ width:929px; height:50px;  position:relative; border-bottom:1px solid #c4c2c3; margin-bottom:15px;}
#mainbox .rightbox .titnav h5{ margin:0px; padding:0px;height:50px; line-height:50px; display:block; position:absolute; left:0px; top:0; font-size:20px; color:#f8810d;   }
#mainbox .rightbox .titnav h6{ margin:0px; padding:0px; display:block; text-indent:20px; height:25px; line-height:25px; font-weight:normal; position:absolute; right:0px; top:21px; font-size:12px; color:#aeaeae; background:url(../Images/location.jpg) left center no-repeat;}

#mainbox .rightbox .areabox{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:10px 0; min-height:250px;}

#mainbox .rightbox .theproducttit{ width:100%; height:45px; line-height:45px; text-align:center; font-size:16px; color:#ff9c00;}





.productlist{ width:1000px;; height:auto; overflow:hidden;}
.productlist ul{ margin:0px; padding:0px; list-style:none}
.productlist ul li{ margin:0px 35px 0 0px; padding:0px; list-style:none; width:286px; height:260px; position:relative; float:left; overflow:hidden; }
.productlist ul li .pic{ width:286px; height:211px;  position:absolute; left:0; top:0;}

.productlist ul li .tit{ width:286px; height:45px; line-height:45px; font-size:14px; overflow:hidden;position:absolute; left:0; top:211px; text-align:center; overflow:hidden;}
.productlist ul li:hover .tit{ color:#f07316;}




.newsplist{ width:1000px; height:auto;  overflow:hidden; padding:0px 0 0 0}
.newsplist ul{ margin:0px; padding:0px; list-style:none}
.newsplist ul li{ margin:35px 26px 0px 0; padding:0px; list-style:none; width:307px; height:252px;  position:relative; float:left; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
.newsplist ul li .pic{ position:absolute; left:0px; top:0px;  width:295px; height:194px; padding:5px; border:1px solid #eaeaea;}
.newsplist ul li .pic img{ width:295px; height:194px}
.newsplist ul li .cover{ width:295px; height:194px; position:absolute; left:6px; top:6px; background:url(../Images/cover2.png) no-repeat; display:none}

.newsplist ul li .tit{position:absolute; left:0; top:200px; width:100%; height:58px; line-height:58px; font-size:16px; color:#242424; overflow:hidden; text-align:center}

.newsplist ul li:hover{ background:#eeeeee; color:#fa810c}
.newsplist ul li:hover .pic{border:1px solid #fa810c;}
.newsplist ul li:hover .tit{ color:#fa810c;} 
.newsplist ul li:hover .cover{ display:block}

/*案例展示*/
.caselist{ width:980px; height:auto;  overflow:hidden; padding:30px 0 0 0}
.caselist ul{ margin:0px; padding:0px; list-style:none}
.caselist ul li{ margin:0px 13px 30px 0; padding:0px; list-style:none; width:226px; height:404px; background:#FFF; position:relative; float:left}
.caselist ul li .pic{ width:226px; height:151px; overflow:hidden; position:absolute; left:0px; top:0px;}
.caselist ul li .tit{ width:182px; height:31px; line-height:31px; position: absolute; left:23px; top:166px; color:#1f73bc;}
.caselist ul li .word{ width:182px; height:127px; line-height:25px; overflow:hidden; position:absolute; left:23px; top:202px;}
.caselist ul li .more{ position:absolute; left:25px; top:339px;}



/*新闻*/
.newslist{ width:100%; height:auto; overflow:hidden; margin:0  auto; clear:both; overflow:hidden;}

.newslist ul{ margin:0px; padding:0px; list-style:none;}
.newslist ul li{ margin:0px; padding:0px; list-style:none; float:left; width:100%; height:33px;  position:relative; background:url(../Images/newsdot.jpg) 2px 13px no-repeat; text-indent:15px;}
.newslist ul li p{ margin:0px; padding:0px; display:block; height:33px; line-height:33px;}
.newslist ul li p.t1{ font-size:14px; color:#333333; position:absolute; left:0px; top:0px; width:700px; }
.newslist ul li p.t2{ position:absolute; right:0px; top:0px;}
.newslist ul li:hover p.t1{color:#007ed2;}

.newslist ul li.kong{ width:100%; height:35px; background:none}

.formbox{ width:860px; height:auto; overflow:hidden;}
.formbox .tit{ width:860px; height:35px; line-height:35px; text-align:center; font-weight:bold; font-size:20px; font-weight:bold; color:#000; margin-top:30px;}
.formbox .listbox{ width:800px; height:auto; overflow:hidden;}
.formbox .listbox ul{ margin:0px; padding:0px; list-style:none;}
.formbox .listbox ul li{ margin:0px; padding:0px; list-style:none; width:815px; height:58px;}
.formbox .listbox ul li h5{ width:115px; height:58px; line-height:50px; margin:0px; padding:0px; display:block; float:left; font-size:14px; text-align:right}
.formbox .listbox ul li .inputbox{ width:650px; height:58px; line-height:58px; overflow:hidden;}
.formbox .listbox ul li .inputbox .input1{ width:324px; height:35px; border:1px solid #DDDDDD;}
.formbox .listbox ul li .inputbox .input2{ width:150px; height:35px; border:1px solid #DDDDDD;}
.formbox .listbox ul li .inputbox textarea{ width:573px; height:95px;border:1px solid #DDDDDD;}

.formbox .listbox ul li .btn{ width:130px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#FFF; background:#156C5C;}


.formbox .form-group{ padding:15px 0}
.formbox label{ display:block; width:100%;}
.formbox input{ width:500px; height:35px; border:1px solid #CCC; text-indent:15px;}
.formbox  textarea{ width:500px; height:95px;border:1px solid #DDDDDD; text-indent:15px;}


/*新闻*/
.topnews{ width:927px; height:auto; overflow:hidden;}
.topnews ul{ margin:0px; padding:0px; list-style:none}
.topnews ul li{ margin:10px 0; padding:0px; list-style:none;width:927px; height:161px;   position:relative;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s; }
.topnews ul li .pic{ position:absolute; left:19px; top:22px; width:196px; height:121px; border:1px solid #e6e6e6; overflow:hidden; padding:2px}
.topnews ul li .pic img{width:196px; height:121px;}
.topnews ul li .tit{width:652px; height:29px; position:absolute; left:238px; top:22px; font-size:14px; line-height:29px; overflow:hidden; color:#fe9b00;}
.topnews ul li .word{ position:absolute; left:238px; top:64px; width:652px; height:50px; line-height:25px; font-size:12px; overflow:hidden;}
.topnews ul li .time{ position:absolute; left:238px; top:127px;  font-size:12px; overflow:hidden; color:#bababa;}
.topnews ul li:hover{ background:#FFF}



.thenewslist{ width:1270px; height:auto; overflow:hidden; margin-top:30px;}
.thenewslist ul{ margin:0px; padding:0px; list-style:none}
.thenewslist ul li{ margin:0px; padding:0px; list-style:none;width:420px; height:185px; border-right:1px solid #eeeeee;  position:relative; float:left}
.thenewslist ul li .box{ width:373px; margin:0 auto; overflow:hidden;}
.thenewslist ul li .title{ width:100%; height:25px; line-height:25px; font-size:14px; overflow:hidden; margin-top:25px;}
.thenewslist ul li .word{ width:100%; height:50px; line-height:25px; overflow:hidden; margin-top:20px;}
.thenewslist ul li .time{ width:100%; height:25px; line-height:25px; overflow:hidden; margin-top:11px;}

.thenewslist ul li:hover .title{ color:#fe9d00;}










.piclist{ width:930px; height:auto; overflow:hidden; margin:0  auto; clear:both; overflow:hidden;}
.piclist ul{ margin:0px; padding:0px; list-style:none;}
.piclist ul li{ margin:10px 20px 10px 0; padding:0px; list-style:none; float:left; width:212px; height:209px; position:relative; }
.piclist ul li img{ width:212px; height:160px; }
.piclist ul li h5{ margin:0px; padding:0px; width:212px; height:35px; line-height:35px; overflow:hidden; font-size:14px; text-align:center}


.piclist2{ width:930px; height:auto; overflow:hidden; margin:0  auto; clear:both; overflow:hidden;}
.piclist2 ul{ margin:0px; padding:0px; list-style:none;}
.piclist2 ul li{ margin:10px 26px 10px 0; padding:0px; list-style:none; float:left; width:284px; height:330px; position:relative; }
.piclist2 ul li img{ width:284px; height:216px; }
.piclist2 ul li h5{ margin:0px; padding:0px; width:284px; height:35px; line-height:35px; overflow:hidden; font-size:14px; text-align:center}
.piclist2 ul li .word{ margin:0px; padding:0px; width:284px; height:50px; line-height:25px; overflow:hidden; font-size:12px;}




.joblist{ width:100%; height:auto; overflow:hidden; margin:0 auto; clear:both}
.joblist ul{ margin:0px; padding:0px; list-style:none}
.joblist ul li{ margin:15px  0 0 0; padding:0px 0px; list-style:none; width:100%; height:auto; overflow:hidden; background:#FFF}
.joblist ul li .box{ width:100%; margin:0 auto; overflow:hidden; clear:both;}

.joblist ul li .tit{ width:99%; height:43px; overflow:hidden; position:relative; border:1px solid #e9e9e9; border-radius:5px;}
.joblist ul li .tit p{ display:block; overflow:hidden; line-height:43px;}
.joblist ul li .tit p.t1{ width:70%; float:left; overflow:hidden; font-size:16px; text-indent:23px;}

.joblist ul li .tit p.t2{ width:28%; float:right; overflow:hidden; text-align:right}
.joblist ul li .tit p.t2 img{ float:right; cursor:pointer; margin-top:15px; margin-right:24px;}
.joblist ul li .tit p.t2 .img1{ display:block}
.joblist ul li .tit p.t2 .img2{ display:none}

.joblist ul li .wordbox{ width:99%;line-height:200%; padding:10px 0; overflow:hidden; margin-top:10px; display:none;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s; border:1px solid #e9e9e9; background:#f7f5f6;}
.joblist ul li .wordbox .box{ width:96%; margin:0 auto; clear:both; overflow:hidden; line-height:200%;}


.joblist ul li.onfocus .tit{ background:#017fd3;}
.joblist ul li.onfocus .tit p.t1{ color:#fff; } 
.joblist ul li.onfocus .tit p.t2 .img1{ display:none}
.joblist ul li.onfocus .tit p.t2 .img2{ display:block}
.joblist ul li.onfocus .wordbox{ display:block}



